<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>所有文档目录</title>
		<style>
			div {
				font-size: 12px;
				color: red;
				background-color: #EAEAE8;
				border: 1 solid #1892B5;
				padding: 1
			}

			h2 {
				padding-left: 25px;
			}


			h3 {
				padding-left: 50px;
			}
		</style>
		<script>
			function showMenu(document_obj) {
				var document_div = document_obj.querySelectorAll("div");
				for (var i = 0; i < document_div.length; i++) {
					console.log(document_div[i].style);
					document_div[i].style.display = (document_div[i].style.display == 'none' ? '' : 'none');

				}
			}
		</script>



	</head>

	<body>
		<div style="color:blue" onclick="showMenu(this);">
			<h1>Elasticsearch</h1>

			<div style="display:none">
				<a href="尚硅谷ES/index.html" target="_blank">
					<h2>尚硅谷ES</h2>
				</a> <br />
				<a href="#">
					<h2>- 子目录1</h2>
				</a> <br>
			</div>
		</div>


		<div style="color:blue" onclick="showMenu(this);">
			<h1>软件工程</h1>
			<div style="display:none">
				<a href="清华大学软件工程/index.html" target="_blank">
					<h2>清华大学软件工程</h2>
				</a> <br />
				<a href="#">
					<h2>- 子目录1</h2>
				</a> <br>
				<a href="#">
					<h2>- 子目录1</h2>
				</a> <br>
			</div>
		</div>

		<div style="color:blue" onclick="showMenu(this);">
			<h1>Java 基础</h1>
			<div style="display:none">
				<a href="thinkinginjava/index.html" target="_blank">
					<h2>Thinking In Java</h2>
				</a> <br />

			</div>
		</div>

		<div style="color:blue" onclick="showMenu(this);">
			<h1>自己的网站地址</h1>
			<div style="display:none">
				<a href="jarvis-server-web-admin/application/index/login.html" target="_blank">
					<h2>后台管理系统</h2>
				</a> <br />

			</div>
		</div>


		<div style="color:blue" onclick="showMenu(this);">
			<h1>面试宝典</h1>
			<div style="display:none">
				<a href="interview/index.html" target="_blank">
					<h2>Java面试宝典</h2>
				</a> <br />

			</div>
		</div>



	</body>
</html>
